<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>my-app</title>

        <style>
            
            #box {
                width: 600px;
                height: 500px;
                border: 5px solid black;
                margin: 50px auto 0;
            }

        </style>
    </head>
    <body>
        <!-- 
            spa: single page application 单页面应用
         -->
        <div id="box">
            



        </div>
        <button num=1>按钮1</button>
        <button num=2>按钮2</button>
        <button num=3>按钮3</button>
        
    </body>
</html>
<script src="jquery.min.js"></script>
<script>
    $('button').click(function() {
        var num = $(this).attr('num');

        $('#box').load('./index' + num + ".html", function() {

        });
    });




</script>